<html>
<head>
<title><?php echo $title; ?>
</title>
<link rel="stylesheet" href="<?php echo base_url("css/bootstrap.min.css"); ?>" />
<link rel="stylesheet" href="<?php echo base_url("css/bootstrap-responsive.min.css"); ?>" />
<link rel="stylesheet" href="<?php echo base_url("css/main.css"); ?>" />

</head>
<body>
	
	<?php 

	echo validation_errors();
	if (isset($message))
		echo $message;
	$attributes = array('class' => 'form-horizontal' , 'id' => 'automobilefrm', 'action' => $action);
	
	?>
<div class="row-fluid">


   <?php 
   echo form_dropdown('brands', $brands, 'small', 'class="dropdown_class"  id="dropdown_autobrand"');
   echo form_dropdown('types', $types, 'small', 'class="dropdown_class"  id="dropdown_autotype"');
   $data = array(
              'name'        => 'expired_date',
              'id'          => 'expired_date',
              'value'       => $expired_date,
              'maxlength'   => '100',
              'size'        => '50',
              'style'       => 'width:50%',
            );

   echo form_input($data);
   
?>

   
   </form>
</div>


</div>
<script type="text/javascript" src="<?php echo base_url("js/bootstrap.min.js"); ?>"></script>
<script type="text/javascript" src="<?php echo base_url("js/jquery.js"); ?>"></script>
<script type="text/javascript" src="<?php echo base_url("js/jquery.validate.js");?>"></script>
<script type="text/javascript" src="<?php echo base_url("js/jquery.validate-rules.js");?>"></script>
<script>
$("#dropdown_autobrand").change(function(){
  alert('change the dropdown value');
}) 
</script>
</body>
</html>
   
